<template>
    <el-date-picker
            v-model="time"
            type="datetime"
            v-bind="$attrs"
            :format="pickerParams.valueFormat || 'yyyy-MM-dd HH:mm:ss'"
            :value-format="pickerParams.valueFormat || 'yyyy-MM-dd HH:mm:ss'"
            :picker-options="pickerOptions"
            @change="getDateParam"
            :placeholder="pickerParams.placeholder || '选择时间'">
    </el-date-picker>
</template>

<script>
    /**
     * 单个时间选择 年月日 或 年月日时分秒
     */
    import moment from 'moment';
    export default {
        name: "EdDateTimePicker",
        props:{
            pickerParams:{},
            // 组件使用v-model 形式绑定值
            value:{
                type: String,
                default:function () {
                    return '';
                }
            },
        },
        watch:{
            value(val){
                this.time = val
            }
        },
        data(){
            return{
                time: "",
                pickerOptions:{} ,//禁用
            }
        },
        mounted(){
            if(this.$attrs.pickerOptions == "days"){
                this.pickerOptions = {
                    //禁用当前日期之前的日期
                    disabledDate(time) {
                        //Date.now()是javascript中的内置函数，它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
                        return time.getTime() < Date.now() - 8.64e7;
                    },
                }
            }
        },
        methods:{
            reset(){
                this.time = "";
            },
            getDateParam(date){
                console.log("datedate",date)
                this.$emit("input",date);
                this.$emit("emit-echo-time-date",date)
            }
        }
    }
</script>

<style scoped>

</style>